.popover {
  .popover-inner-content {
    padding:6px 14px;
    p.audit-status {
      font-size:$f-regular;
      color:$text;
      span.status {
        font-weight:bold;
        &.inprogress {
          color:$warning;
        }
        &.danger {
          color:$error;
        }
        &.completed {
          color:$green;
        }

      }
    }
  }
  &.top {
    margin-top: -5px;
    .arrow {
      bottom: -5px;
      left: 50%;
      margin-left: -5px;
      border-top: 5px solid $popOverBorder;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
    }
  }
  &.right {
    margin-left: 14px;
    .arrow {
      top: 50%;
      left: -5px;
      margin-top: -10px;
      border-top: 10px solid transparent;
      border-right: 10px solid $popOverBorder;
      border-bottom: 10px solid transparent;
    }
  }
  &.bottom {
    margin-top: 5px;
    .arrow {
      top: -5px;
      left: 50%;
      margin-left: -5px;
      border-right: 5px solid transparent;
      border-bottom: 5px solid $popOverBorder;
      border-left: 5px solid transparent;
    }
  }
  &.left {
    margin-left: -17px;
    .arrow {
      top: 50%;
      right: -5px;
      margin-top: -10px;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 10px solid $popOverBorder;
    }
  }
  .popover-inner {
    h3.popover-title {
      padding-top:5px;
      font-size:$f-subTitle;
      line-height: 22px;
      i {
        margin-top:4px;
      }
    }
    ul.tree-structure {
      font-size:$f-regular;
      li {
        a:hover {
          text-decoration:none;
        }
        .title {
          font-weight:bold;
        }
        .text-compliance {
          font-size:90%;
        }
      }
    }
    width: 400px;
    background: $popOverBorder;
    padding: 1px;
    .popover-title {
      color: $darkGray;
      border-bottom: 1px solid $popOverHeaderBorder;
      background: $popOverHeaderBgnd;
      font-weight: normal;
      margin:0;
      padding:4px 12px 0 12px;
      color: $text;
      h3 {
        @include oneline();
        color: $subTitle;
        font-weight: normal;
        font-size:$f-regular;
        font-weight:bold;
      }
      .btn {
        i {
          margin-top:0;
          margin-right:0;
        }
      }
    }
    .popover-content {
      padding:0;
      font-size: $f-regular;
      max-height: 270px;
      overflow-x: hidden;
      overflow-y: auto;
      .item {
        margin-bottom: 10px;
      }
      h3 {
        font-size: $f-subTitle;
        font-weight: bold;
        margin-bottom: 0;
      }
      h4 {
        font-size: $f-regular;
        font-weight: bold;
      }
      label {
        font-weight: bold;
      }
      .rtf {
        border:1px solid lighten($gray,10%);
        @include border-radius();
        padding:10px;
        overflow:auto;
        max-height:60px;
        ul {
          @include reset-list();
          margin:8px 0 10px 25px;
          li {
            padding-bottom: 0;
            list-style-type: disc;
          }
        }
      }
      ul {
        @include reset-list();
        li {
          padding-bottom: 4px;
        }
      }
    }
  }
  .progress {
    margin-bottom:10px;
    .bar {
    }
  }
  .minor {
    color:$text;
  }
  .created,
  .updated {
    color:$text;
    margin-bottom:0;
    min-height: auto;
  }
  .updated {
    text-align:right;
  }
  .popoverfooter {
    margin-bottom:0;
    border-top:1px solid $lightGray;
    background:#f3f3f3;
    padding:4px 14px;
    min-height: auto;
    a {
      color:$gray;
      &:hover {
       color:$error; 
      }
    }
    i {
      @include opacity(0.4);
    }
  }
  h3,
  h4 {
    span {
      font-weight:normal;
    }
  }
  h3 {
    i {
      margin-top:4px;
      margin-right:5px;
    }
  }
  .code {
    color:$black;
    font-size:$f-small;
    margin-right:8px;
  }
  .title {
    color:$black;
    //font-weight:bold;
  }
}
/* slowing down fade-in only.  Fade-out remains 0.15s */
.tooltip.fade.in, .popover.fade.in {
  -webkit-transition: opacity 0.35s linear;
  -moz-transition: opacity 0.35s linear;
  -ms-transition: opacity 0.35s linear;
  -o-transition: opacity 0.35s linear;
  transition: opacity 0.35s linear;
}
